<template>
	<view class="rounded mr-3 px-2 py-1"
	@click="clickEvent" :class="disabled ? 'bg-light border':'main-gb-color '">
		<text class="font" 
		:class="disabled ? 'text-light-muted': textColor">{{name}}</text>
	</view>
</template>

<script>
	export default{
		props:{
			name:{
				type: String,
				default: ""
			},
			disabled:{
				type: Boolean,
				default: false
			},
			textColor:{
				type: String,
				default: 'text-white'
			}
		},
		methods:{
			clickEvent(){
				if(!this.disabled){
					this.$emit('click')
				}
			}
		}
	}
</script>

<style>
</style>